.uploader-wrapper {
	width: 100%;
	position: relative;
	height: 0;
	padding-bottom: 100%;

	> .uploader-image {
		width: 100%;
		height: 100%;
		position: absolute;
	}

	&.uploader-plus {
		text-align: center;

		i {
			font-size: 48px;
			line-height: 102px;
			color: gray;
		}
	}

	&.uploader-selected {
		outline: 2px solid $primary-color;
		z-index: 99;
	}
}

.uploader-list {
	display: inline-block;
	position: relative;

	> .uploader-item {
		display: inline-block;
		width: 100px;
		height: 100px;
		position: relative;
		margin-right: 15px;
		margin-bottom: 15px;
		border: $default-border;
		vertical-align: top;

		> img {
			width: 100%;
			height: 100%;
			position: absolute;
		}

		&.uploader-plus {
			text-align: center;

			> i {
				font-size: 48px;
				line-height: 102px;
				color: gray;
			}
		}

		> .uploader-btn-remove {
			position: absolute;
			z-index: 3;
			top: -6px;
			right: -6px;
			width: 12px;
			height: 12px;
			background-color: $danger-color;
			color: white;
			text-align: center;
			line-height: 13px;
			font-size: 12px;
			padding: 2px;
			border-radius: 50%;
		}
	}


}

//兼容Layui
.uploader-list + .layui-form-mid {
	margin-top: -15px;
}
